<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/templates/TemplateClient.xhtml">

	<ui:define name="titre">Comme au resto</ui:define>

	<ui:define name="content">
		<h:head>
			<div>
				<br /> <span> Votre Panier : </span> <br /> <br />
			</div>
		</h:head>
		<h:body>

			<h:form>
				<br />
					Restaurant <h:outputText value="#{panierMB.infoSession.restaurantSelectionne.nom}"
					id="idSelLabel" />
				<br />
				<br />
				<f:event listener="#{panierMB.recalculePanier}" type="preRenderView"></f:event>

				<p:dataTable id="idTableProduits" value="#{panierMB.listeProduits}"
					var="p" editable="true" editMode="cell" sortBy="colvide"
					sortOrder="descending">

					<p:column headerText="Nom" style="width:60%">
						<h:outputText value="#{p.produit.nom}" />
					</p:column>

					<p:column headerText="Prix Unitaire" style="width:10%">
						<h:outputText
							value="#{p.produit.prix * listeRestaurantMB.infoSession.devise.taux}">
							<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
						</h:outputText>
					</p:column>
					<p:column headerText="Quantité" style="width:10%">
						<p:cellEditor>
							<f:facet name="output">
								<h:outputText value="#{p.quantite}" />
							</f:facet>
							<f:facet name="input">
								<p:inputText value="#{p.quantite}" style="width:96%"
									label="Quantité">
									<p:ajax event="keyup" update="idTableProduits"
										listener="#{panierMB.recalculePanier}" />
								</p:inputText>
							</f:facet>
						</p:cellEditor>
					</p:column>
					<p:column
						headerText=" #{listeRestaurantMB.infoSession.devise.codeIso}"
						style="width:20%">
						<h:outputText id="outTotal"
							value="#{p.quantite * p.produit.prix * listeRestaurantMB.infoSession.devise.taux}">
							<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
						</h:outputText>
					</p:column>
				</p:dataTable>
				<br />
				<br />
				Montant Panier : 
				<h:outputText
					value=" #{panierMB.infoSession.panier.totalPanier * listeRestaurantMB.infoSession.devise.taux}">
					<f:convertNumber maxFractionDigits="2" minFractionDigits="2" />
				</h:outputText>
				<h:outputText
					value=" #{listeRestaurantMB.infoSession.devise.libelle}" />

				<br/> <br/>
				<h:commandButton value="Mettre à jour" action="#{panierMB.doSauve}" />
				<br /><br />
				<br />
				<br />
				<br />
				<h:commandButton value="Passer la commande"
					action="#{panierMB.doCommande}" />
				<br />
				<br />
			</h:form>
		</h:body>
	</ui:define>

</ui:composition>
